{% extends "base.html" %}
{% load static %}
{% block title %}创建{% endblock %}
{% block css %}
<link rel="stylesheet" href="{% static 'css/update_product.css' %}">
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
{% endblock %}
{% block content %}

<div class="container-fluid update-form">
    <div class="form">
        <div id="theme-div" class="update-info row">
            <div class="update-key col-2">系列</div>
            <div class="update-value col-10">
                <!-- <input class="update-input" type="text" id="theme" disabled="disabled">  -->
                <div class="update-text" id="theme"></div>
            </div>
        </div>
        <div id="status_view-div" class="update-info row">
            <div class="update-key col-2">最新状态</div>
            <div class="update-value col-10">
                <!-- <input class="update-input" type="text" id="status_view" disabled="disabled">  -->
                <div class="update-text" id="status_type"></div>
                <div class="update-text" id="status_view"></div>
            </div>
        </div>
        
        <div id="source_name-div" class="update-info row">
            <div class="update-key col-2">原作名称</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="source_name"> </div>
        </div>
        <div id="source_type-div" class="update-info row">
            <div class="update-key col-2">原作类型</div>
            <div class="update-value col-10">
                <select name="source_type" class="update-input" id="source_type">
                    <option>动画</option>
                    <option>漫画</option>
                    <option>小说</option>
                    <option>游戏</option>
                </select>
            </div>
        </div>
        <div id="universe-div" class="update-info row">
            <div class="update-key col-2">宇宙</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="universe"> </div>
        </div>
        <div id="author-div" class="update-info row">
            <div class="update-key col-2">作者</div>
            <div class="update-value col-10"><input class="update-input" type="text" id="author"> </div>
        </div>
        <div id="status-div" class="update-info row">
            <div class="update-key col-2">观看状态</div>
            <div class="update-value col-10">
                <select name="status" class="update-input" id="status">
                    <option>弃番</option>
                </select>
            </div>
        </div>
            
        <button id="submit">更新</button> 
    </div>
</div>

<script src="{% static 'js/update_theme.js' %}"></script>
{% endblock %}